<template>
	<div>
		<Header></Header>
		<div class="Cooperative-brand docWidth">
			<div v-for="item in hzqyList" :key="item.id">
				<img :src="item.image" alt="">
			</div>

		</div>
		<Footer></Footer>
	</div>

</template>

<script>
	import Footer from "@/views/front/components/Footer";
	import Header from "@/views/front/components/Header";
	import {getIndexData} from "@/api/front-home.js";
	export default {
		components: {
			Footer,
			Header
		},
		data() {
			return {
				hzqyList:[]
			}
		},
		created() {
			this.getIndexData();
		},
		methods:{
			getIndexData() {
				getIndexData().then((res) => {
					this.hzqyList = res.hzqy || [];
					console.log(this.hzqyList);
				});
			},
		}
	}
</script>

<style lang="scss">
	.Cooperative-brand {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		text-align: center;
		>div {
			width: 25%;
			height: 325px;
			flex: none;
			display: flex;
			flex-direction: row;
			justify-content: center;
			img{
				width: 100%;
				height: auto;
				object-fit:contain;
				padding: 20px 20px;
			}
		}
	}
</style>
